<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>使用hexo+github搭建免费个人博客详细教程 | 追梦的少年丶</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="一、 准备工作在开始一切之前，你必须已经： 有一个github账号，没有的话去注册一个； 安装了node.js、npm  Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。  安装">
<meta name="keywords">
<meta property="og:type" content="article">
<meta property="og:title" content="使用hexo+github搭建免费个人博客详细教程">
<meta property="og:url" content="http://yoursite.com/2017/04/05/blog/index.html">
<meta property="og:site_name" content="追梦的少年丶">
<meta property="og:description" content="一、 准备工作在开始一切之前，你必须已经： 有一个github账号，没有的话去注册一个； 安装了node.js、npm  Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。  安装">
<meta property="og:image" content="http://onpn9b1bp.bkt.clouddn.com/J%29BIFV7XUE%7BV8RY%7BXCJT%7B$9.png">
<meta property="og:image" content="http://onpn9b1bp.bkt.clouddn.com/CVP%7DSW%297B0~GM_85%7BE_F~RK.png">
<meta property="og:image" content="http://onpn9b1bp.bkt.clouddn.com/%5B2I9GP6%7BJ%29KJ8HQ%5DUZ4%5BC%25H.png">
<meta property="og:image" content="http://onpn9b1bp.bkt.clouddn.com/~%25B9_%60%7DB9FYG%29W2GP7HK~F4.png">
<meta property="og:image" content="http://onpn9b1bp.bkt.clouddn.com/FD36U27D%7D%5DJA$S9@O8FY7VP.png">
<meta property="og:updated_time" content="2017-04-06T01:20:24.402Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="使用hexo+github搭建免费个人博客详细教程">
<meta name="twitter:description" content="一、 准备工作在开始一切之前，你必须已经： 有一个github账号，没有的话去注册一个； 安装了node.js、npm  Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。  安装">
<meta name="twitter:image" content="http://onpn9b1bp.bkt.clouddn.com/J%29BIFV7XUE%7BV8RY%7BXCJT%7B$9.png">
  
    <link rel="alternate" href="/atom.xml" title="追梦的少年丶" type="application/atom+xml">
  
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">

  <link rel="stylesheet" href="/css/styles.css">
  

</head>

<body>
  <nav class="navbar navbar-inverse">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu-navbar" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="main-menu-navbar">
      <ul class="nav navbar-nav">
        
          <li><a class=""
                 href="/index.html">Home</a></li>
        
          <li><a class=""
                 href="/archives/">Archives</a></li>
        
      </ul>

      <!--
      <ul class="nav navbar-nav navbar-right">
        
          <li><a href="/atom.xml" title="RSS Feed"><i class="fa fa-rss"></i></a></li>
        
      </ul>
      -->
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

  <div class="container">
    <div class="blog-header">
  <h1 class="blog-title">追梦的少年丶</h1>
  
</div>

    <div class="row">
        <div class="col-sm-8 blog-main">
          <article id="post-blog" class="article article-type-post" itemscope itemprop="blogPost">

  <header class="article-header">
    
  
    <h1 class="article-title" itemprop="name">
      使用hexo+github搭建免费个人博客详细教程
    </h1>
  


  </header>

  <div class="article-meta">
    <div class="article-datetime">
  <a href="/2017/04/05/blog/" class="article-date"><time datetime="2017-04-05T12:17:45.000Z" itemprop="datePublished">2017-04-05</time></a>
</div>

    
    

  </div>
  <div class="article-inner">

    <div class="article-entry" itemprop="articleBody">
      
        <h2 id="一、-准备工作"><a href="#一、-准备工作" class="headerlink" title="一、 准备工作"></a>一、 准备工作</h2><h4 id="在开始一切之前，你必须已经："><a href="#在开始一切之前，你必须已经：" class="headerlink" title="在开始一切之前，你必须已经："></a>在开始一切之前，你必须已经：</h4><ul>
<li>有一个github账号，没有的话去注册一个；</li>
<li><p>安装了node.js、npm</p>
<p> Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。</p>
<p> 安装：</p>
<blockquote>
<p>去下载 <a href="https://nodejs.org/en/download/" target="_blank" rel="external">node.js</a>，下载好了之后一步二步就安装好了。<br>npm其实是Node.js的包管理工具（package manager）。其实npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入npm -v，应该看到类似的输出：</p>
</blockquote>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div></pre></td><td class="code"><pre><div class="line">$ node -v</div><div class="line">v6.10.1</div><div class="line"></div><div class="line">$ npm -v</div><div class="line">3.10.10</div></pre></td></tr></table></figure>
</li>
</ul>
<p>说明已经安装完成了。</p>
<ul>
<li>安装了git for windows（或者其它git客户端）</li>
</ul>
<hr>
<p>我的使用环境：</p>
<ul>
<li>Windows10</li>
<li>node.js@6.10.2x64</li>
<li>git@2.6.4</li>
<li>hexo@3.3.1</li>
</ul>
<hr>
<h2 id="二、使用hexo写博客"><a href="#二、使用hexo写博客" class="headerlink" title="二、使用hexo写博客"></a>二、使用hexo写博客</h2><blockquote>
<p>Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具，支持Markdown格式，有众多优秀插件和主题。</p>
</blockquote>
<h4 id="1、原理："><a href="#1、原理：" class="headerlink" title="1、原理："></a>1、原理：</h4><blockquote>
<p>由于github pages存放的都是静态文件，博客存放的不只是文章内容，还有文章列表、分类、标签、翻页等动态内容，假如每次写完一篇文章都要手动更新博文目录和相关链接信息，相信谁都会疯掉，所以hexo所做的就是将这些md文件都放在本地，每次写完文章后调用写好的命令来批量完成相关页面的生成，然后再将有改动的页面提交到github。</p>
<h4 id="2、注意事项："><a href="#2、注意事项：" class="headerlink" title="2、注意事项："></a>2、注意事项：</h4><p>a、很多命令既可以用Windows的cmd来完成，也可以使用git bash来完成，但是部分命令会有一些问题，为避免不必要的问题，建议全部使用git bash来执行；</p>
<p>b、hexo不同版本差别比较大，网上很多文章的配置信息都是基于2.x的，所以注意不要被误导；</p>
<p>c、hexo有2种_config.yml文件，一个是根目录下的全局的_config.yml，一个是各个theme下的；</p>
</blockquote>
<h4 id="3、安装"><a href="#3、安装" class="headerlink" title="3、安装"></a>3、安装</h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$  npm install -g hexo</div></pre></td></tr></table></figure>
<h4 id="4、初始化"><a href="#4、初始化" class="headerlink" title="4、初始化"></a>4、初始化</h4><p>在电脑的某个地方新建一个名为hexo的文件夹（名字可以随便取），比如我的是e:\Workspaces\hexo，由于这个文件夹将来就作为你存放代码的地方，所以最好不要随便放。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ cd /e/Workspaces/hexo/</div><div class="line">$ hexo init</div></pre></td></tr></table></figure>
<p>hexo会自动下载一些文件到这个目录，包括node_modules，目录结构如下图：</p>
<p><img src="http://onpn9b1bp.bkt.clouddn.com/J%29BIFV7XUE%7BV8RY%7BXCJT%7B$9.png" alt="image"></p>
<h4 id="5、生成静态文件，启动本地服务查看"><a href="#5、生成静态文件，启动本地服务查看" class="headerlink" title="5、生成静态文件，启动本地服务查看"></a>5、生成静态文件，启动本地服务查看</h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ hexo g # 生成</div><div class="line">$ hexo s # 启动服务</div></pre></td></tr></table></figure>
<p>执行以上命令之后，hexo就会在项目目录下面产生public文件夹并生成相关html文件，这些文件将来都是要提交到github去的：</p>
<p>hexo s是开启本地预览服务，打开浏览器访问 <a href="http://localhost:4000" target="_blank" rel="external">http://localhost:4000</a> 即可看到内容。</p>
<p>第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章，默认的主题比较丑，打开时就是这个样子：<br><img src="http://onpn9b1bp.bkt.clouddn.com/CVP%7DSW%297B0~GM_85%7BE_F~RK.png" alt="image"></p>
<hr>
<h4 id="6、更换主题"><a href="#6、更换主题" class="headerlink" title="6、更换主题"></a>6、更换主题</h4><p>既然默认主题很丑，那我们别的不做，首先来替换一个好看点的主题。去<a href="https://hexo.io/themes/" target="_blank" rel="external">官方主题</a>下载主题，<br>个人喜欢的2个主题<a href="https://github.com/wizardforcel/hexo-theme-cyanstyle.git" target="_blank" rel="external">CyanStyle</a>、<a href="https://github.com/litten/hexo-theme-yilia.git" target="_blank" rel="external">yilia</a>。</p>
<ul>
<li><strong>下载这个主题：</strong></li>
</ul>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia</div></pre></td></tr></table></figure>
<p>下载后的主题默认放在hexo目录下themes里面.<br>可以设置主题的配置：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div><div class="line">26</div><div class="line">27</div><div class="line">28</div><div class="line">29</div><div class="line">30</div><div class="line">31</div><div class="line">32</div><div class="line">33</div><div class="line">34</div><div class="line">35</div><div class="line">36</div><div class="line">37</div><div class="line">38</div><div class="line">39</div><div class="line">40</div><div class="line">41</div><div class="line">42</div><div class="line">43</div><div class="line">44</div><div class="line">45</div><div class="line">46</div><div class="line">47</div><div class="line">48</div><div class="line">49</div></pre></td><td class="code"><pre><div class="line"># Header</div><div class="line">menu:</div><div class="line">  主页: /</div><div class="line">  所有文章: /archives</div><div class="line">  # 随笔: /tags/随笔</div><div class="line"></div><div class="line"># SubNav</div><div class="line">subnav:</div><div class="line">  github: &quot;#&quot;</div><div class="line">  weibo: &quot;#&quot;</div><div class="line">  rss: &quot;#&quot;</div><div class="line">  zhihu: &quot;#&quot;</div><div class="line">  #douban: &quot;#&quot;</div><div class="line">  #mail: &quot;#&quot;</div><div class="line">  #facebook: &quot;#&quot;</div><div class="line">  #google: &quot;#&quot;</div><div class="line">  #twitter: &quot;#&quot;</div><div class="line">  #linkedin: &quot;#&quot;</div><div class="line"></div><div class="line">rss: /atom.xml</div><div class="line"></div><div class="line"># Content</div><div class="line">excerpt_link: more</div><div class="line">fancybox: true</div><div class="line">mathjax: true</div><div class="line"></div><div class="line"># Miscellaneous</div><div class="line">google_analytics: &apos;&apos;</div><div class="line">favicon: /favicon.png</div><div class="line"></div><div class="line">#你的头像url</div><div class="line">avatar: &quot;&quot;</div><div class="line">#是否开启分享</div><div class="line">share: true</div><div class="line">#是否开启多说评论，填写你在多说申请的项目名称 duoshuo: duoshuo-key</div><div class="line">#若使用disqus，请在博客config文件中填写disqus_shortname，并关闭多说评论</div><div class="line">duoshuo: true</div><div class="line">#是否开启云标签</div><div class="line">tagcloud: true</div><div class="line"></div><div class="line">#是否开启友情链接</div><div class="line">#不开启——</div><div class="line">#friends: false</div><div class="line"></div><div class="line">#是否开启“关于我”。</div><div class="line">#不开启——</div><div class="line">#aboutme: false</div><div class="line">#开启——</div><div class="line">aboutme: 我是谁，我从哪里来，我到哪里去？我就是我，是颜色不一样的吃货…</div></pre></td></tr></table></figure>
<ul>
<li><p><strong>修改配置文件：</strong></p>
<p>修改_config.yml中的theme: landscape改为theme: yilia<br>然后重新生成静态页面</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">hexo g</div></pre></td></tr></table></figure>
</li>
</ul>
<p>如果出现一些莫名其妙的问题，可以先执行<br><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">hexo clean</div></pre></td></tr></table></figure></p>
<p>来清理一下public的内容，然后再来重新生成和发布。</p>
<p>总结：以上，一步一步执行下来之后发现个人的博客已经在本地生成了并且可以查看了，但是只能是自己看到，能不能让其他人查阅呢？</p>
<hr>
<h2 id="三、上传到github或者码云等托管控制器上面"><a href="#三、上传到github或者码云等托管控制器上面" class="headerlink" title="三、上传到github或者码云等托管控制器上面"></a>三、上传到github或者码云等托管控制器上面</h2><p>如果你一切都配置好了，发布上传很容易，一句hexo d就搞定，当然关键还是你要把所有东西配置好。</p>
<h4 id="1、ssh-key肯定要配置好。"><a href="#1、ssh-key肯定要配置好。" class="headerlink" title="1、ssh key肯定要配置好。"></a>1、ssh key肯定要配置好。</h4><h4 id="2、其次，配置-config-yml中有关deploy的部分："><a href="#2、其次，配置-config-yml中有关deploy的部分：" class="headerlink" title="2、其次，配置_config.yml中有关deploy的部分："></a>2、其次，配置_config.yml中有关deploy的部分：</h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">deploy:</div><div class="line">  type: git</div><div class="line">  repository: git@github.com:bestyu/bestyu.github.io.git</div><div class="line">  branch: master</div></pre></td></tr></table></figure>
<p>配置完成后，执行部署：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">hexo d</div></pre></td></tr></table></figure>
<p>会发现报如下错误：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">ERROR Deployer not found: git</div></pre></td></tr></table></figure>
<p>原因是还需要安装一个插件：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">npm install hexo-deployer-git --save</div></pre></td></tr></table></figure>
<p>安装完插件后，再执行hexo d 将文件部署到github上<br><img src="http://onpn9b1bp.bkt.clouddn.com/%5B2I9GP6%7BJ%29KJ8HQ%5DUZ4%5BC%25H.png" alt="image"><br>至此，任何人就可以通过<a href="https://bestyu.github.io/来访问我们部署的个人博客了。" target="_blank" rel="external">https://bestyu.github.io/来访问我们部署的个人博客了。</a></p>
<p>当然，有同学会嫌弃自己的这个网址难记，砸门能不能配上自己的域名进行访问呢？可以滴！前提是有服务器和域名的土豪们。双手奉上配置：</p>
<ul>
<li><p>在项目根目录找到source文件，在source下创建一个CNAME文件(无扩展名)，填写下面内容：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">//你要绑定的域名</div><div class="line">bestyu.xyz</div></pre></td></tr></table></figure>
</li>
<li><p>去你购买域名的服务商空间里找到域名解析的选项,修改如下:<br><img src="http://onpn9b1bp.bkt.clouddn.com/~%25B9_%60%7DB9FYG%29W2GP7HK~F4.png" alt="image"></p>
</li>
<li>最后执行</li>
</ul>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo d // 自动部署到远程仓库根目录下</div></pre></td></tr></table></figure>
<p>页面效果：<br><img src="http://onpn9b1bp.bkt.clouddn.com/FD36U27D%7D%5DJA$S9@O8FY7VP.png" alt="image"></p>
<p>总结：</p>
<p>1、在GitHub创建仓库的时候要求，用户名.github.io格式。</p>
<p>2、在部署文件上传远程仓库时，要安装npm install hexo-deployer-git –save这个插件。</p>
<p>3、尽量在git bush上执行命令。</p>
<h2 id="四、添加一篇文章"><a href="#四、添加一篇文章" class="headerlink" title="四、添加一篇文章"></a>四、添加一篇文章</h2><ul>
<li>添加文章 hexo n 文章名 #</li>
</ul>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ hexo n blog</div><div class="line">INFO  Created: E:\workspaces\hexo\source\_posts\blog.md</div></pre></td></tr></table></figure>
<p>执行完后，会在source_posts\目录下新建文章blog.md，然后自己用Markdown语法编写文章</p>
<p>完成后：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">hexo g # 生成静态文件,</div><div class="line">hexo d # 部署到git</div></pre></td></tr></table></figure>
<h4 id="注意：每新建文章都需要执行。"><a href="#注意：每新建文章都需要执行。" class="headerlink" title="注意：每新建文章都需要执行。"></a><strong>注意</strong>：每新建文章都需要执行。</h4>
      
    </div>

    
      

    

    <footer class="article-footer">
      <a data-url="http://yoursite.com/2017/04/05/blog/" data-id="cj16kw5dv0001acp0jbo30kr0" class="article-share-link">
        <i class="fa fa-share"></i> Share
      </a>
      
      

    </footer>
  </div>
  
    
<ul id="article-nav" class="nav nav-pills nav-justified">
  
  <li role="presentation">
    <a href="/2017/04/06/article/" id="article-nav-older" class="article-nav-link-wrap">
      <i class="fa fa-chevron-left pull-left"></i>
      <span class="article-nav-link-title">article</span>
    </a>
  </li>
  
  
  <li role="presentation">
    <a href="/2017/04/05/hello-world/" id="article-nav-newer" class="article-nav-link-wrap">
      <span class="article-nav-link-title">Hello World</span>
      <i class="fa fa-chevron-right pull-right"></i>
    </a>
  </li>
  
</ul>


  
</article>




        </div>
        <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
          
  <div class="sidebar-module sidebar-module-inset">
  <h4>About</h4>
  <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>

</div>


  


  


  

  
  <div class="sidebar-module">
    <h4>Archives</h4>
    <ul class="sidebar-module-list"><li class="sidebar-module-list-item"><a class="sidebar-module-list-link" href="/archives/2017/04/">四月 2017</a><span class="sidebar-module-list-count">3</span></li></ul>
  </div>



  
  <div class="sidebar-module">
    <h4>Recents</h4>
    <ul class="sidebar-module-list">
      
        <li>
          <a href="/2017/04/06/article/">article</a>
        </li>
      
        <li>
          <a href="/2017/04/05/blog/">使用hexo+github搭建免费个人博客详细教程</a>
        </li>
      
        <li>
          <a href="/2017/04/05/hello-world/">Hello World</a>
        </li>
      
    </ul>
  </div>



        </div>
    </div>
  </div>
  <footer class="blog-footer">
  <div class="container">
    <div id="footer-info" class="inner">
      &copy; 2017 Sam yu<br>
      Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>

  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>



<script src="/js/script.js"></script>

</body>
</html>
